@mixin xin{
    width: 1090px;
    height: 100%;
    margin: 0 auto;
}
@mixin  clear {
    content:"";  
    height:0;  
    visibility:hidden;  
    display:block;  
    clear:both;  
    
}
.cart{
    .cart_main::after{
        @include clear();
    }
    .cart_max{
        @include xin();
        .cart_head::after{
            @include clear();
        }
        .cart_head{
            width: 100%;
            background-color: #f5f5f5;
            font-size: 13px;
            padding: 12px 0;
            div{
                float: left;
                line-height: 30px;
            }
        }
        .cart_foot::after{
            @include clear();
        }
        .cart_foot{
            width: 1090px;
            background-color: #f5f5f5;
            font-size: 13px;
          .xd{
            background-color: #b4a078;
            text-align: center;
            width: 140px;
            height: 70px;
            line-height: 70px;
            font-size: 18px;
            color: white;
            font-weight: 600;
            float: right;
          }
          .div1{
            line-height: 70px;
          }
          .div2{
            line-height: 70px;
        }
        .div3{
            line-height: 50px;
            margin: 10px;
            padding: 0 20px;
            border-left: 1px solid #ccc;
            margin-left: 200px;
        }
            .span2{
                color: #be4141;
                font-size: 20px;
                // line-height: 70px;
              }


        }
        .cart_foot>div{
            float: left;
            line-height: 30px;
        }
    }
    .cart_mod>div{
        float: left;
    }
    .cart_mod{
        height: 140px;
        background-color: #fffbf0;
        .check_div{
            height: 60px;
            width: 85px;
            input{
                margin: 15px;
            }
        }
        .midd>div{
            float: left;
        }
        .midd{
            padding: 19px;
            border-bottom: 1px solid #ccc;
            width: 935px;
            .midd1::after{
                @include clear();
            }
            .midd1{
                width: 330px;
                img{
                    width: 98px;
                    height: 98px;
                    float: left;
                }
                .midd1_title{
                    margin-left: 10px;
                    width: 200px;
                    float: left;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

            }
            .midd1_title2{
                width: 150px;
            }
            .midd1_title3{
                position: relative;
                width: 190px;
                height: 30px;
                input{
                    width: 50px;
                    height: 28px;
                    outline: none;
                    border: 1px solid #ccc;
                    text-align: center;
                    position: absolute;
                    left: 30px;
                    top: 0px;
                }
                .jian{
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }
                .jia{
                    position: absolute;
                    top: 0px;
                    left: 86px;
                }
                span{
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    background-color: white;
                    border: 1px solid #ccc;
                    text-align: center;
                    line-height: 30px;
                    cursor: pointer;



                }
            }
            .midd1_title4{
                width: 160px;
                
            }
            .midd1_title5{
                cursor: pointer;
            }


        }
    }
}